<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>指尖金融</title>
		<link href="../../../css/common.css" type="text/css" rel="stylesheet">
		<link href="../../../css/base.css" type="text/css" rel="stylesheet">
		<link href="commodityCategory.css" type="text/css" rel="stylesheet">
		<link href="../../../res/png/icon.png" rel="shortcut icon" />
		<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />
		<link href="../../../component/autocomplete/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<div class="wrapper">
			<!-- 顶部菜单栏 -->
			<div id="header" class="header">
			</div>
			<div class="main" id="main">
				<!-- 左侧菜单栏 -->
				<div id="leftMenu" class="left"></div>
				<div class="pages">
					<div class="page" data-page="demo">
						<div class="table-section none">
							<p class="table-head">
								<label class="table-title">商品类别管理</label>
								<a id="bulkstockCategotyAdd" class="table-btn">添加</a>
							</p>
							<p class="table-search">
								<label for="" class="updateTime">修改时间：</label>
								<input class="field-input Wdate FromTime" type="text" id="beginUpdateDate" name="beginUpdateDate" placeholder="请输入时间" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,readOnly:true,maxDate:'#F{$dp.$D(\'endUpdateDate\',{d:0})}'})" /> --
								<input class="field-input Wdate ToTime" type="text" id="endUpdateDate" name="endUpdateDate" placeholder="请输入时间" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,readOnly:true,minDate:'#F{$dp.$D(\'beginUpdateDate\',{d:1})}'})" />
								<label for="" class="commodityTitle" style="margin-left: 40px; margin-top: 0;">商品类别名称：</label>
								<input class="input-commodityCategory" type="text" id="categoryName" name="categoryName" placeholder="请输入商品类别名称" />
								<button class="table-search-button-2">同步</button>
								<button class="table-search-button-1">查询</button>
							</p>
							<table class="table">
								<thead>
									<tr class="">
										<th>商品类别名称</th>
										<th>融资所需材料</th>
										<th>修改时间</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="commodityCategoryBody">
								</tbody>
								<script type="text/template" id="commodityCategoryTpl">
									{@each datas as it}
									<tr class="tr_style table-data" commodityCategoryId="${it.bulkstockCategoryId}" commodityCategoryName="${it.categoryName}">
										<td class="pl10">${it.categoryName}</td>
										<td class="pl10">${it.templateName}</td>
										<td class="pl10">${it.updateDateTime}</td>
										<td class="pl10">
											<span class="table_details_link">编辑 </span>
											<span class="table_async_link" style="color: #138cdd; cursor: pointer;">同步 </span>
											{@if it.activeState == false}
											<span class="table_active_link" style="color: #138cdd; cursor: pointer;">启用 </span>
											{@else}
											<span class="table_deprecated_link" style="color: #138cdd; cursor: pointer;">停用 </span>
											{@/if}
										</td>
									</tr>
									{@/each}
								</script>
							</table>
							<div id="newscategorypagenation" class="pagerCon"></div>
						</div>
					</div>
				</div>
			</div>
			<!-- 底部 -->
			<div id="footer" class="none footer">

			</div>
			<!--删除确认框-->
			<div class="dialog none" id="confirmDialog" style="width:300px;">
				<div class="dialogTitle"></div>
				<button class="closeDiv">×</button>
				<div class="dialogContent">
				</div>
				<div class="footerBtn">
					<div class="dialogBtn dialogHandlerBtn">确定</div>
				</div>
			</div>
			<div id="fullBg" class="fullBg none"></div>
			<div id="popdialog">
			</div>
		</div>
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/platform/config.js"></script>
		<script type="text/javascript" src="../../../js/juicer-min.js"></script>
		<script src="../../../js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../component/autocomplete/jquery.autocomplete.js"></script>
		<script src="../../../js/highcharts.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			seajs.use('./commodityCategory', function(commodityCategory) {
				commodityCategory.init(3);
			});
		</script>
	</body>

</html>